<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件绑定</title>
</head>
<body>
<div>
    {{info}}

    <input type="button" value="按钮1" @click="f"> <!--方法没有参数可以不写括号，有参必须写-->
    <input type="button" value="按钮2" v-on:click="f">
</div>

<script src="js/vue.min.js"></script>

<script>
    let v = new Vue({
        el: "body>div",
        data: {
            info: "事件绑定"
        },
        methods: {
            f() {
                alert("触发点击事件！")
                confirm("触发点击事件2！")
                prompt("触发点击事件3！")
            }
        }
    })
</script>

</body>
</html>